// 应用的根组件
// 负责配置全局的Provider和路由
import React from 'react'
import { RouterProvider } from 'react-router-dom' // React Router的路由提供者
import { Provider } from 'react-redux' // Redux状态管理的提供者
import { ConfigProvider } from 'antd' // Ant Design的配置提供者
import zhCN from 'antd/locale/zh_CN' // Ant Design的中文语言包
import { router } from './router' // 导入路由配置
import { store } from './store' // 导入Redux store
import './App.css' // 导入应用样式

function App() {
  return (
    // Redux Provider：为整个应用提供状态管理
    <Provider store={store}>
      {/* Ant Design配置：设置中文语言 */}
      <ConfigProvider locale={zhCN}>
        {/* 路由提供者：处理页面路由 */}
        <RouterProvider router={router} />
      </ConfigProvider>
    </Provider>
  )
}

export default App
